<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
</body>
<script src="static/js/jquery-3.7.1.js"></script>
<script>
    /*
    只要是点击li标签，会自动执行一下函数
    $(this) 代表具体点击的标签
    $(this).remove  删除该标签
     */
    $('li').click(function () {
        $(this).remove();
        console.log($(this).text())
    })
    $(function () {
        function show() {

        }
    })

    /*
    对于一般的js，会等到页面的框架和资源加载完毕，才会执行
    而对与一下格式的js，会在页面的框架加载完毕后自动执行（一般用于默认执行，不用响应）
         $(function (){
            function show(){

            }
        })
     */
</script>
</html>